<!DOCTYPE html>
<html>
<head>
	<title>text shadow</title>
</head>
<style type="text/css">
span{
	font-weight: bold;
	font-size: 40px;
}
span#orgin{
	color: green;
	text-shadow:3px 3px 1px #888;
}
span#up{
	position: relative;
	color: green;
}
span#down{
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: -1;
	color: #888;
}
div{
	position: relative;
}
</style>
<body>
<h1>Text Shadow orgin</h1>
<span id="orgin">Shadowed</span>
<h1>Text Shadow sim way 1</h1>
<span id="up">
Shadowed
	<span id="down">
		Shadowed	
	</span>
</span>
<h1>Text Shadow sim way 2</h1>
<div>
	<span id="up">Shadowed</span>
	<span id="down">Shadowed</span>	
</div>
</body>
</html>